iT邦幫忙

2026 iThome 鐵人賽

DAY 2
0
自我挑戰組

AI Recipe — AI 智慧食譜推薦系統系列 第 2

我的 AI Recipe 網站會做什麼?

  • 分享至 

  • xImage
  •  

上一篇介紹了我為什麼想做 AI 食譜推薦網站,簡單來說,就是希望解決「冰箱有食材,卻不知道要煮什麼」的問題。
那麼,知道了想解決的問題之後,下一步就是規劃:
我的網站到底要有哪些功能?
一開始我不希望把網站做得太複雜,畢竟這次的目標是在 30 天內完成一個可以實際操作的作品。因此,我先從最基本、也最重要的功能開始規劃。

一、輸入食材
網站最主要的功能就是讓使用者輸入自己目前擁有的食材。
例如:雞蛋、番茄、洋蔥、青蔥
輸入完成後,再按下「開始推薦」,把這些資訊交給 AI。
這也是整個網站最核心的功能。

二、AI 食譜推薦
取得使用者的食材之後,AI 就會根據這些資訊推薦適合的料理。
例如輸入:雞蛋、番茄
AI 可以推薦:番茄炒蛋
並進一步產生完整的食譜,包括需要的食材、料理步驟、製作時間以及料理難度。
這部分也是我這次最想實作的地方,因為以前使用搜尋引擎找食譜,通常只能從既有的食譜中慢慢尋找;加入 AI 之後,則可以讓它根據使用者提供的條件即時產生內容。

三、料理條件
除了「我有什麼食材」之外,我也希望讓使用者可以提供更多條件。
例如:
料理類型 台式料理 日式料理 韓式料理 義式料理 不限
製作時間 15 分鐘內 30 分鐘內 60 分鐘內 不限
料理難度 簡單 普通 困難
這樣使用者就不只是單純問 AI「可以煮什麼」,而是可以告訴 AI 自己的需求。
例如:
我有雞蛋、番茄和洋蔥,想做一道日式料理,而且希望 30 分鐘內完成。
AI 就可以根據這些條件產生比較符合需求的食譜。

四、食譜收藏
如果 AI 推薦出了一道自己很喜歡的料理,我希望可以把它收藏起來。
例如在食譜旁邊放一個按鈕,按下去之後就可以加入收藏。
這樣下次想煮同一道料理時,就不需要重新輸入食材或再次請 AI 產生。
初期預計先使用瀏覽器的 LocalStorage 儲存收藏資料,這樣不用一開始就建立複雜的資料庫。

當然,這只是目前的規劃,實際製作的過程中一定還會遇到很多問題,例如 AI 回傳的內容要怎麼顯示、API 要怎麼串接、如果 API 發生錯誤要怎麼處理等等。
所以接下來,我會先從最基礎的部分開始。


上一篇
為什麼想做AI食譜推薦網站?
下一篇
開始建立我的 AI Recipe 網站!HTML 基礎入門
系列文
AI Recipe — AI 智慧食譜推薦系統3
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言